<div data-page="messageGroup" class="page navbar-fixed toolbar-fixed">
	<style type="text/css">
		.message-sent .message-text {
			background-color: #27A689;
		}
		.message-received .message-text {
			background-color: #FFFFFF;
		}
		.messages-content {
    background: #F4F4F4;
}
	</style>
	<div class="navbar">
		<div class="navbar-inner">
			<div class="left">
				<a href="#" class="link back">
					<i class="icon icon-angle-left"></i> 
					<span>消息(38)</span>
				</a>
			</div>
			<div class="center" style="left: 0px;">老同学(400)</div>
			<div class="right"></div>
		</div>
	</div>
	<div class="toolbar messagebar">
		<div class="toolbar-inner">
			<span style="margin-left: 10px;">
				<i class="icon-microphone"></i>
			</span>
			<textarea placeholder="" class="" style="width: 70%;"></textarea><!--<a href="#" class="link">发送</a>-->
			<i class="icon-smile-o"></i>
			<i class="icon-plus-circle"></i>
		</div>
	</div>
	<div class="page-content messages-content">
		<div class="messages messages-auto-layout">
			<div class="messages-date">Sunday, Feb 9 <span>12:58</span></div>
			<div class="message message-sent message-with-tail">
				<div class="message-text">你好</div>
				<div class="message-avatar" style="background-image:url(image/ic_welcome_photo_11.png)"></div>
			</div>
			<div class="message message-sent message-last message-with-tail">
				<div class="message-text">大家好</div>
				<div class="message-avatar" style="background-image:url(image/ic_welcome_photo_11.png)"></div>
			</div>
			<div class="message message-received message-with-avatar message-last message-with-tail message-first">
				<div class="message-name">不休篇幅</div>
				<div class="message-text">哈哈</div>
				<div class="message-avatar" style="background-image:url(image/ic_welcome_photo_14.png)"></div>
			</div>
			<div class="messages-date">Sunday, Feb 3 <span>11:58</span></div>
			<div class="message message-sent message-first">
				<div class="message-text">大家都忙什么呢？</div>
				<div class="message-avatar" style="background-image:url(image/ic_welcome_photo_11.png)"></div>
			</div>
			<!--<div class="message message-sent message-pic message-last message-with-tail">
				<div class="message-text"><img src="http://lorempixel.com/300/300/"></div>
				<div class="message-label">Delivered</div>
			</div>-->
			<div class="message message-received message-with-avatar message-last message-with-tail message-first">
				<div class="message-name">最美的相遇</div>
				<div class="message-text">Wow, flower</div>
				<div style="background-image:url(image/ic_welcome_photo_10.png)" class="message-avatar"></div>
			</div>
			<div class="messages-date">Today , <span>9:34</span></div>
			<div class="message message-received  message-with-avatar message-appear-from-bottom message-last message-with-tail message-first">
				<div class="message-name">小米哥</div>
				<div class="message-text">55</div>
				<div class="message-avatar" style="background-image:url(image/ic_welcome_photo_17.png)"></div>
			</div>
		</div>
	</div>
</div>